@charset "utf-8";

html, pre {margin:0;padding:0;  font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; font-size:16px}
body {margin:0; padding:0; font-size:16px;line-height:1.5;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {}
input[type="password"] {font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder] { }
::-webkit-input-placeholder {color: #d4d4d7 !important; }
::-moz-placeholder {color: #d4d4d7 !important}
:-ms-input-placeholder {color: #d4d4d7 !important;}
:-moz-placeholder {color: #d4d4d7 !important;}
::-ms-clear,
::-ms-reveal {display: none;}
select, textarea, button { -webkit-appearance: none;border-radius: 0 }
textarea.txt_edit {font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; width:100%; height:300px; font-size:18px; color:#555; line-height:30px; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:2px; padding:11px 20px 11px 19px; overflow-x:hidden; overflow-y:auto; resize:none;}
input[type="text"],input[type="search"],input[type="date"] {-webkit-appearance: none; border-radius: 2px;  vertical-align:top;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:500;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:16px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}
.screen_out{ overflow: hidden;position: absolute;top: -9999px; left: -9999px;width: 1px;height: 1px;font-size: 1px;}
.black_dim{width:100%; height:100%; background:rgba(0,0,0,0.5); filter:alpha(opacity=60); background-color:#000; display:none; z-index:100; position:fixed; left:0; top:0;  opacity:0.5}
.black_dim.on{display:block; }
table{width:100%}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.blind {position:absolute; top:-10000px; left:0; display:block; font-size:0; line-height:0; text-indent:-10000px; overflow:hidden;}
/*
@media all and (min-width: 481px) {
    html { font-size: 16px; }
}
@media all and (min-width: 376px) and (max-width: 480px) {
    html { font-size: 16px; }
}

@media all and (min-width: 361px) and (max-width: 375px) {
    html { font-size: 15px; }
}

@media all and (max-width: 360px) {
    html { font-size: 14px; }
}*/

/* 커널스 추가*/
.adeditor_header {position:fixed;overflow: hidden;top:0;left:0;width:100%;    z-index: 998; }
.main_visual_wrap {position: relative;overflow: hidden;text-align: center;}
.sub_visual_wrap { position: relative;}
.adeditor_container { position: relative;}
.adeditor_section { position: relative;}
.adeditor_footer {position: relative;background: #e2e2e2;padding: 30px 0;}

/* 공통 header_gnb */


@media all and (max-width: 1000px) {
	.header_con{position:relative; width:100%; margin:0; padding:20px; box-sizing: border-box;}
	.gnb{display:none;}
	.btn_all_menu{display:block; position:absolute; right:20px; top:10px;}
	.btn_all_menu button{font-size:0; color:transparent; width:45px; height:45px; background:url(../images/btn_mo_allmenu.png) no-repeat; background-size:100%;}
}

/* 공통 footer  */


@media all and (max-width: 1000px) {
	.footer .inner{width:100%; padding:0 20px; text-align:center; box-sizing: border-box;}
	.footer .inner p{font-size:10px; color:#999;}
	.footer .inner ul{position:inherit; right:inherit; top:inherit; width:260px; margin:20px auto;}
	.footer .inner .foot_logo{position:inherit; right:inherit; top:inherit;}
	.footer .inner ul li a{font-size:11px;}
}




/* 메인 헤더 */




.main_contents04{width:1180px; margin:0 auto; padding:60px 40px}
.main_board_area > div{float:left; width:48%;}
.main_board_area > div:last-child{float:right;}
.main_board_area:after{content:""; display:block; clear:both;}
.main_board_area > div strong{display:block; font-size:30px; color:#333;}
.main_board_area > div ul{border-top:1px solid #eaeaea; margin-top:10px;}
.main_board_area > div ul li a{display:block; font-size:15px; color:#666; border-bottom:1px solid #eaeaea; padding:8px 80px 8px 5px; position:relative;}
.main_board_area > div ul li a span{position:absolute; right:10px; top:5px;}

.s_dim{width:100%; height:100%; background:#000; opacity:0.5; display:none; position:absolute; left:0; top:0; z-index:99;}
.s_dim.on{display:block;}

@media all and (max-width: 1000px) {
	.visual_txt_area{width:100%;}
	.main_tit{font-size:23px; text-align:left;}
	.main_s_tit{font-size:11px; text-align:left;}
	.main_contents{width:100%; padding:30px 0 30px 20px; box-sizing: border-box; }
	/*.main_contents > div{ height:340px; width:320px; overflow:hidden; }*/
	
	.main_contents02{padding:0;}
	.main_contents02 .inner{width:100%; padding:20px; box-sizing: border-box;}
	.main_event{width:320px; margin:10px auto;}
	.main_event > div{float:inherit;}
	.main_event > div img{width:100%}
	.main_event > div:last-child{margin-left:0; margin-top:10px;}
	.main_contents03{height:110px;}
	.con3_tit{font-size:20px; padding-top:25px;}
	.con03_stit{font-size:13px;}
	.main_contents04{width:100%; padding:30px 20px; box-sizing: border-box;}
	.main_board_area > div{float:inherit; width:100%;}
	.main_board_area > div:last-child{margin-top:20px;}
	.main_board_area > div strong{font-size:23px;}
	.main_board_area > div ul li a{font-size:13px;}
}

/* 서브 헤드 공통 */






/* 서브 컨텐츠 공통 */


.board_area_box{width: 98%;margin:40px auto;}
/* sub04 */
.sub04_wrap{margin-top:50px;}
.sub04_wrap .sub04_tit{font-size:28px; color:#000;}
.sub04_wrap .sub04_com{font-size:18px; color:#666;}
.sub04_wrap .sub04_img{margin-top:30px;}

@media all and (max-width: 1000px) {
	.sub04_wrap{margin-top:30px;}
	.sub04_wrap .sub04_tit{font-size:15px; color:#000;}
	.sub04_wrap .sub04_com{font-size:13px; color:#666; margin-top:10px;}
	.sub04_wrap .sub04_img{margin-top:30px;}
	.sub04_wrap .sub04_img img{width:100%;}
}


/* sub01 */
.sub01_gallery_list{margin-top:40px;}
.sub01_gallery_list > li{float:left; width:23%; margin-left:2%; margin-bottom:20px;}
.sub01_gallery_list > li > a{display:block; width:100%; height:100%; border:1px solid #e1e1e1;}
.sub01_gallery_list > li > a > img{width:100%;}
.sub01_gallery_list > li > a > div{padding:15px; font-size:15px; height:70px; box-sizing: border-box;}
.sub01_gallery_list > li > a > div ul li.title{font-weight:bold;}
.sub01_gallery_list > li > a > div ul li.s_title{font-size:12px; color:#ccc;}
.sub01_gallery_list > li > a > {}
.sub01_gallery_list:after{content:""; display:block; clear:both;}

@media all and (max-width: 1000px){
	.sub01_gallery_list{margin-top:20px;}	
	.sub01_gallery_list > li > a > div ul li.s_title, 
	.sub01_gallery_list > li > a > div ul li.title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.sub01_gallery_list > li{width:48%; margin-left:2%;}
	.sub01_gallery_list > li:nth-of-type(odd){margin-left:0;}
}

/* sub02 */
.sub02_tit{font-size:28px; color:#000; margin-top:30px;}
.sub02_com{font-size:18px; color:#666;}
.sub02_img{margin-top:30px;}

@media all and (max-width: 1000px) {
	.sub02_tit{font-size:15px; color:#000;  margin-top:30px;}
	.sub02_com{font-size:13px; color:#666; margin-top:10px;}
	.sub02_img{margin-top:30px;}
	.sub02_img img{width:100%;}
}

/* sub03 */
.sub03_wrap{margin-top:30px;}
.sub03_wrap .top{width:100%; background:url(../images/sub03_bg.jpg) no-repeat; height:335px;}
.step_list_wrap{padding:80px 40px;}
.step_list li{float:left; width:20%; margin-left:5%; text-align:center; color:#fff;}
.step_list li div{text-align:center;}
.step_list li strong{font-size:20px; font-weight:bold;}
.step_list li p{font-size:14px;}
.step_list li:first-child{margin-left:0;}
.step_list:after{content:""; display:block; clear:both;}
.sub03_s_txt{font-size:16px; color:#666; margin-top:20px;}
.sub03_s_list{margin-top:50px; }
.sub03_s_list li strong{font-size:22px; color:#333; display:block; margin-bottom:10px; font-weight:bold;}
.sub03_s_list li p{font-size:16px; color:#666; margin-bottom:40px;}

@media all and (max-width: 1000px) {
	.step_list_wrap{padding:40px 20px;}
	.step_list li{width:45%; margin-left:5%; margin-bottom:20px;}
	.step_list li:nth-of-type(3){margin-left:0;}
	.step_list li div img{width:50px;}
	.step_list li strong{font-size:14px; font-weight:bold;}
	.sub03_s_txt{font-size:14px;}
	.sub03_s_list{margin-top:30px;}
	.sub03_s_list li strong{font-size:18px;}
	.sub03_s_list li p{font-size:14px;}
}

/* sub04 */


@media all and (max-width: 1000px) {
	.sub04_type{margin:30px 0;}
	.sub04_type a{font-size:14px; margin-left:15px;}
	.sub04_thumb_img img{width:100%;}	
	.sub04_thumb_list li{width:23.5%; margin-left:2%;}
	/*.sub04_thumb_list li:nth-of-type(5),*/
	/*.sub04_thumb_list li:nth-of-type(6),*/
	/*.sub04_thumb_list li:nth-of-type(7){display:block;}*/
	.sub04_thumb_list li img{width:100%;}
}

@media screen and (min-width: 320px) and (max-width:720px){
	.header_con{width:100%; margin:0px auto; position:relative;height:60px;}
	.header_con h1 {line-height: 18px;}
	.header_con h1 a{font-size:22px;color:#fff;font-weight:bold;}
	
	.btn_all_menu{display:none;}

	.main_v_inner{height:300px;}	
	.visual_txt_area{width:100%; margin:0 auto;  padding-top:50px;}
	.visual_txt_area p{padding-top:50px;font-size:30px; color:#fff;width:100%; }
	
	.main_contents{width:100%; margin:0 auto; padding:40px 0 40px 0}
	.main_tit{font-size:24px; color:#333; text-align:center;}
	.main_s_tit{display:block; font-size:14px; color:#999; text-align:center;}
	
	.main_gallery_list{width:96%;margin:20px auto 20px;}
	.main_gallery_list li{float:left; width:96%;padding:0 2% 0 2%; height:200px; margin-left:2%;}
	.main_gallery_list li:first-child{margin-left:0;}

	.main_gallery_list li a{display:block; width:100%; box-sizing:border-box; height:100%; position:relative;}
	
	.main_gallery_list > li > a > div.con{display:none; text-align:center; padding-top:160px; position:relative; z-index:1001;}
	.main_gallery_list > li > a > div.con strong{border:1px solid #fff; color:#fff; padding:10px 40px; font-weight:bold; font-size:26px;}
	.main_gallery_list > li > a > div.con p{padding:0 80px; color:#fff; margin-top:30px; font-size:14px; color:#fff;}
	.main_gallery_list > li.on > a > div.con{display:block;}
	
	.main_gallery_list li.one{}
	
	.main_gallery_list li.two{}
	
	.main_gallery_list li.three{}
	
	.main_gallery_list:after{content:""; display:block; clear:both;}

	.main_contents02{background:#f1f1f1; width:100%; padding:50px 0;}
	.main_contents02 .inner{width:96%; margin:0 auto; padding:0;}
	.main_event{margin-top:45px;}
	.main_event > div{width:100%;}
	.main_event:after{content:""; display:block; clear:both;}
	
	.main_contents03{height:150px;}
	.con3_tit{font-size:24px; color:#fff; display:block; text-align:center; padding-top:40px;}
	.con03_stit{font-size:14px; color:#fff; text-align:center;}

	.sub_v_inner{height:250px;}
	.sub_visual_con{width:100%; margin:0 auto; padding-top:80px;}
	.sub_visual_con p{font-size:24px; color:#fff; width:100%; height:100px;text-align:center; }

	.sub_con_wrap{width:96%; margin:0px auto;padding:20px 0 20px 0 }
	.sub_title{font-size:24px; color:#333; display:block; text-align:center;}
	.sub_s_title{font-size:14px; color:#999; text-align:center;}

	.sub04_wrap{margin-top:30px;}
	.sub04_thumb_list{width:100%;margin:10px auto;}
	.sub04_thumb_list li{float:left;width:13%; margin-right:1.3%;}
	.sub04_thumb_list li:last-child{margin-right:0;}

	.sub04_thumb_list:after{content:""; display:block; clear:both;}
	.sub04_type{text-align:center; margin:50px 0;}
	.sub04_type a{display:inline-block; margin-left:30px; position:relative; font-size:18px;}
	.sub04_type a.on:before{content:""; display:block; width:100%; height:1px; background:#000; position:absolute; left:0; top:-5px;}

}
@media screen and (min-width: 720px){
	.header_con{width:100%; margin:30px auto; position:relative;}
	.header_con h1 {line-height: 18px;margin-left:10px;}
	.header_con h1 a{font-size:22px;color:#fff;font-weight:bold;}
	.btn_all_menu{display:none;}

	.visual_txt_area{width:100%; margin:0 auto; height:350px; padding-top:50px;}
	.visual_txt_area p{padding-top:50px;font-size:50px; color:#fff;width:100%;}
	
	.main_v_inner{height:450px;}

	.main_contents{width:100%; margin:0 auto; padding:40px 0 40px 0}
	.main_tit{font-size:30px; color:#333; text-align:center;}
	.main_s_tit{display:block; font-size:16px; color:#999; text-align:center;}

	.main_gallery_list{width:96%;margin:45px auto 0;}
	.main_gallery_list li{float:left; width:32%; height:464px; margin-left:2%;}
	.main_gallery_list li:first-child{margin-left:0;}
	.main_gallery_list li a{display:block; width:100%; box-sizing:border-box; height:100%; position:relative;}
	.main_gallery_list > li > a > div.con{display:none; text-align:center; padding-top:160px; position:relative; z-index:1001;}
	.main_gallery_list > li > a > div.con strong{border:1px solid #fff; color:#fff; padding:10px 40px; font-weight:bold; font-size:26px;}
	.main_gallery_list > li > a > div.con p{padding:0 80px; color:#fff; margin-top:30px; font-size:14px; color:#fff;}
	.main_gallery_list > li.on > a > div.con{display:block;}
	.main_gallery_list li.one{background:url(../images/main_pic_01.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list li.two{background:url(../images/main_pic_02.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list li.three{background:url(../images/main_pic_03.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list:after{content:""; display:block; clear:both;}
	
	.main_contents02{background:#f1f1f1; width:100%; padding:50px 0;}
	.main_contents02 .inner{width:96%; margin:0 auto; padding:0;}
	.main_event{margin-top:45px;}
	.main_event > div{float:left;}
	.main_event > div:last-child{float:right;width:50%;}
	.main_event > div:first-child{margin-left:0;width:50%;}
	.main_event:after{content:""; display:block; clear:both;}
	
	.main_contents03{height:200px;}
	.con3_tit{font-size:45px; color:#fff; display:block; text-align:center; padding-top:50px;}
	.con03_stit{font-size:20px; color:#fff; text-align:center;}

	.sub_v_inner{height:450px;}
	.sub_visual_con{width:100%; margin:0 auto; padding-top:120px;}
	.sub_visual_con p{font-size:50px; color:#fff; width:100%; height:100px;text-align:center; }
	
	.sub_con_wrap{width:96%; margin:0px auto;padding:20px 0 20px 0 }
	.sub_title{font-size:40px; color:#333; display:block; text-align:center;}
	.sub_s_title{font-size:18px; color:#999; text-align:center;}

	.sub04_wrap{margin-top:30px;}
	.sub04_thumb_list{width:100%;margin:10px auto;}
	.sub04_thumb_list li{float:left;width:13%; margin-right:1.3%;}
	.sub04_thumb_list li:last-child{margin-right:0;}

	.sub04_thumb_list:after{content:""; display:block; clear:both;}
	.sub04_type{text-align:center; margin:50px 0;}
	.sub04_type a{display:inline-block; margin-left:30px; position:relative; font-size:18px;}
	.sub04_type a.on:before{content:""; display:block; width:100%; height:1px; background:#000; position:absolute; left:0; top:-5px;}

	.footer{background:#e2e2e2; padding:30px 0;}
	.footer .inner{width:96%; margin:0 auto; position:relative;}
	.footer .inner p{font-size:12px; color:#999;}
	.footer .inner p span{color:#555;}
	.footer .inner ul{position:absolute; right:190px; top:10px;}
	.footer .inner ul li{float:left}
	.footer .inner ul li a{color:#999; font-size:14px; display:block; margin-left:30px; position:relative;}
	.footer .inner ul li:first-child a:before{display:none; margin-left:0;}
	.footer .inner ul li a:before{content:""; display:inline-block; width:1px; height:13px; background:#adadad; position:absolute; left:-15px; top:5px;}
	.footer .inner ul:after{content:""; display:block; clear:both;}
	.footer .inner .foot_logo{position:absolute; right:0; top:10px;}
}	
@media screen and (min-width: 1025px){
	.header_con{width:1260px; margin:30px auto; position:relative;}
	.header_con h1 {line-height: 18px;margin-left:10px;}
	.header_con h1 a{font-size:22px;color:#fff;font-weight:bold;}
	.btn_all_menu{display:none;}

	.main_v_inner{height:750px;}

	.visual_txt_area{width:1260px; margin:0 auto; height:475px; padding-top:140px;}
	.visual_txt_area p{padding-top:150px;font-size:50px; color:#fff;width:100%; }

	.main_contents{width:1180px; margin:0 auto; padding:90px 40px}
	.main_tit{font-size:45px; color:#333; text-align:center;}
	.main_s_tit{display:block; font-size:20px; color:#999; text-align:center;}
	.main_gallery_list{margin-top:45px;width:100%;margin:45px auto 0;}
	.main_gallery_list li{float:left; width:32%; height:464px; margin-left:2%;}
	.main_gallery_list li:first-child{margin-left:0;}
	.main_gallery_list li a{display:block; width:100%; box-sizing:border-box; height:100%; position:relative;}
	.main_gallery_list > li > a > div.con{display:none; text-align:center; padding-top:160px; position:relative; z-index:1001;}
	.main_gallery_list > li > a > div.con strong{border:1px solid #fff; color:#fff; padding:10px 40px; font-weight:bold; font-size:26px;}
	.main_gallery_list > li > a > div.con p{padding:0 80px; color:#fff; margin-top:30px; font-size:14px; color:#fff;}
	.main_gallery_list > li.on > a > div.con{display:block;}
	.main_gallery_list li.one{background:url(../images/main_pic_01.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list li.two{background:url(../images/main_pic_02.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list li.three{background:url(../images/main_pic_03.jpg) no-repeat center center; background-size:cover;}
	.main_gallery_list:after{content:""; display:block; clear:both;}

	.main_contents02{background:#f1f1f1; width:100%; padding:50px 0;}
	.main_contents02 .inner{width:1180px; margin:0 auto; padding:0 40px}
	.main_event{margin-top:45px;}
	.main_event > div{float:left;}
	.main_event > div:last-child{float:right;width:50%;}
	.main_event > div:first-child{margin-left:0;width:50%;}
	.main_event:after{content:""; display:block; clear:both;}

	
	.main_contents03{height:410px;}
	.con3_tit{font-size:45px; color:#fff; display:block; text-align:center; padding-top:150px;}
	.con03_stit{font-size:20px; color:#fff; text-align:center;}

	.sub_v_inner{height:450px;}
	.sub_visual_con{width:1260px; margin:0 auto; padding-top:120px;}
	.sub_visual_con p{font-size:50px; color:#fff; width:100%; height:100px;text-align:center; }
	
	.sub_con_wrap{width:1180px; margin:75px auto}
	.sub_title{font-size:40px; color:#333; display:block; text-align:center;}
	.sub_s_title{font-size:18px; color:#999; text-align:center;}

	.sub04_wrap{margin-top:30px;}
	.sub04_thumb_list{width:1180px;margin:10px auto;}
	.sub04_thumb_list li{float:left;width:10% margin-right:1.3%;}
	.sub04_thumb_list li:last-child{margin-right:0;}

	.sub04_thumb_list:after{content:""; display:block; clear:both;}
	.sub04_type{text-align:center; margin:50px 0;}
	.sub04_type a{display:inline-block; margin-left:30px; position:relative; font-size:18px;}
	.sub04_type a.on:before{content:""; display:block; width:100%; height:1px; background:#000; position:absolute; left:0; top:-5px;}

	.footer{background:#e2e2e2; padding:30px 0;}
	.footer .inner{width:1260px; margin:0 auto; position:relative;}
	.footer .inner p{font-size:12px; color:#999;}
	.footer .inner p span{color:#555;}
	.footer .inner ul{position:absolute; right:190px; top:10px;}
	.footer .inner ul li{float:left}
	.footer .inner ul li a{color:#999; font-size:14px; display:block; margin-left:30px; position:relative;}
	.footer .inner ul li:first-child a:before{display:none; margin-left:0;}
	.footer .inner ul li a:before{content:""; display:inline-block; width:1px; height:13px; background:#adadad; position:absolute; left:-15px; top:5px;}
	.footer .inner ul:after{content:""; display:block; clear:both;}
	.footer .inner .foot_logo{position:absolute; right:0; top:10px;}
}































